@import '../../../../scss/colors.scss';

$yy-img: 0 8px 16px 0 rgba(66,157,237,.25);

.ant-layout-header { padding: 0;};
.withdrawal-header{
    border-top-right-radius: $radius-size;
    border-top-left-radius: $radius-size;
    height: 71px;
    
    .header-head{
        border-bottom: $border-line;
        border-top-right-radius: $radius-size;
        border-top-left-radius: $radius-size;
        background: $bg-color;
        padding: 20px 0;
        
        .head-bark{
            cursor:pointer;
            text-align: center;
            font-size: $f-size;
            padding: 0 32px;
            i{
                color: $span-color; 
                border-right: 1px solid #d9d9d9; 
                font-size: $f-size + 3;
                padding-right: 32px;
            };
        };
        h3{
            font-size: 20px;
            color: $title-color; 
            padding-left: 24px;
            margin-top: -2px;
            margin-bottom: 0;
        };
    };
};

.withdrawal-body{
    color: $title-color;
    .bank-card-container{
        // width: 100%;
        // padding-top: 30px;
        background: $sider-bg-color;
        border-bottom: $border-line;
        .bank-card-body{
            width: 700px;
            padding: 16px;
            margin: 0 auto;
        };
    };
    .withdrawal-from-container{
        padding: 20px 0;
        margin: 0 auto;
        width: 400px;
        .ant-form-item-label{
            font-size: $f-size;
        };
        input{
            height: 52px;
            width: 400px;
        };
        .withdrawal-from-item-1{
            padding-bottom: 17px;
            span{
                cursor:pointer;
                color: $a-color;
            };
        };
    };
    .sub-container{
        padding-top: 10px;
        text-align: center;
        button{
            width: 330px;
            height: 40px;
        };
    };
};

.withdrawal-Success-container{
    color: $fort-color;
    .withdrawal-Success-body{
        width: 544px;
        // height: 548px;
        margin: 0 auto;
        padding-top: 40px;
        padding-left: 99px;
        padding-right: 94px;
        padding-bottom: 10px;
        img{
            height: 70px;
            width: 70px;
            // -moz-box-shadow: $yy-img; 
            // -webkit-box-shadow:$yy-img; 
            // box-shadow:$yy-img;
        };
        .withdrawal-Success-msg{
            font-size: $f-size;
            color: $a-color;
            text-align: center;
            border-bottom: 1px dashed $fort-color;
            .msg-xq{
                color: $fort-color;
                font-size: $f-size - 6;
            };
            h2{
                color: $fort-color;
            };
        };
        .withdrawal-Success-list{
            padding-top: 20px;
            font-size: $f-size - 6;
        };
        .sub-container{
            padding-top: 120px ;
            padding-bottom: 66px ;
            text-align: center;
            button{
                width:200px;
                height: 40px;
                font-size:$btn-f-size;
            };
        };
    };
};

.banks-from{
  
    .ant-modal-close-x{display: none};
    input{height: 52px;font-size: $btn-f-size;};
    h4{
      text-align: center;
      margin-bottom: 0;
      font-size: 20px;
    };
  
    
    .from-footer{
      text-align: center;
      padding: 25px 0;
      button{width: 120px;margin: 0 15px};
    }
  };